<!DOCTYPE html>
<html class="js" lang="en-US">
  <head>
    <style>
      * {
        border: 0px solid black !important;
      }

      html, body {
          margin: 0;
      }

      #page {
        background: cyan;
        padding-left: 50px;
        padding-top: 50px;
      }

      #content_box {
        float: left;
        background: lime;
        width: 400px;
        height: 150px;
      }

      .first {
        background: pink;

        width: 300px;
        height: 100px;
        float: left;
      }

      .second {
        background: orange;

        width: 200px;
        height: 50px;
        float: left;
      }
    </style>
  </head><body><div id="page"><div id="content_box"><article class="first">first</article><article class="second">second</article> </div></div></body></html>
